@charset "utf-8";
/* CSS Document */

/*
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.7.0
*/
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}select,input,button,textarea,button{font:99% arial,helvetica,clean,sans-serif;}table{font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:108%;line-height:100%;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
}
/* for Safari */  
p{text-shadow:#000 0 0 0; }  
/* for Firefox */  
p{-moz-opacity: 0.99;}

body {
	line-height: 1;
}

blockquote, q {quotes: none;border-left:4px solid #666;margin:9px;padding-left:5px;}

/* remember to define focus styles! */
:focus {outline: 0;}

/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}

/* http://honoo-no.com/creators/2008/02/14_211120.html */
textarea,input {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;
} 

ul , ol, dd {padding-left:1em;}

a:link {text-decoration:none;}
a:visited {text-decoration:none;}
a img , img { border-width:0; outline:none}

/* -----------------------------------------------------------
     reset Bloggr CSS
------------------------------------------------------------*/
#navbar {
	display: none !important;
}

.section,
.widget {
	margin: 0 !important;
}
.status-msg-body {
	text-align: left;
}
.comment-form {
	max-width: 100% !important;
}

.post-body {
	width: auto !important;
}

/* tables still need 'cellspacing="0"' in the markup */
#center table {
	border-collapse:collapse;
	border-spacing:0;
}

#center th ,
#center td {
}

a:link {
	color:#336699;
	text-decoration:none;
}
a:visited {
	color:#6699cc;
}
a:hover {
	color:#33aaff;
}
/* -----------------------------------------------------------
     outer
------------------------------------------------------------*/
body {
	background: #ccc;
	font: 15px Arial,Tahoma,Helvetica,FreeSans,sans-serif
}

#reset-css {font-size:0.92em;}

#general-content { /* <- body */
	 _text-align:center;
}

#outer-wrapper {
	margin: 10px auto;
	padding: 15px;
	width: 760px;
	background: rgba( 255, 255, 255, 0.8);
	_background: transparent;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#aaffffff,endColorstr=#aaffffff);
	_text-align:left;
	-moz-border-radius:10px;
	-moz-box-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
	-webkit-border-radius:10px;
	-webkit-shadow:0 1px 3px rgba(0, 0, 0, 0.15);
	radius:10px;
	shadow:0 1px 3px rgba(0, 0, 0, 0.15); 
}
#content-main {
	/* IE only */
	text-align:justify;
	text-justify:inter-ideograph;
}
/* -----------------------------------------------------------
     header 
------------------------------------------------------------*/
#header {
	border-bottom: 2px solid #333;
	padding-bottom: 9px;
}
h1 {
	font:28px Arial,Tahoma,Helvetica,FreeSans,sans-serif;
	text-shadow:1px 1px 3px rgba(0, 0, 0, 0.3);
}
.description {
	/* text-align: center; */
}
/* -----------------------------------------------------------
     footer 
------------------------------------------------------------*/
#footer {
	border-top: 2px solid #333;
	padding-top: 6px;
	font-size: 12px;
	text-align: center;
}

/* -----------------------------------------------------------
     構造 
------------------------------------------------------------*/
#main,
#center,
.left,
.right {
	word-wrap: break-word; /* fix for long text breaking sidebar float in IE */
	overflow: hidden;      /* fix for long non-text content breaking IE sidebar float */
}

#main {
	width: 545px;
	overflow: auto;
	float: left;
}
#center {
	width: 330px;
	float: right;
}

	#pageType-item #main {
		width: 760px;
	}
	#pageType-item #center,
	#pageType-static_page #center {
		width: 545px;
	}


.left {
	width: 200px;
	float: left;
}

.right {
	width: 200px;
	float: right;
}

#main p {
	margin-bottom:	1em;
}

/* -----------------------------------------------------------
     page-type index, Archive, item, static-page
------------------------------------------------------------*/
#pageType-index,
#pageType-archive,
#pageType-item,
#pageType-static_page {
	overflow: auto; /* 含包ブロック高さ確保 */
	margin: 10px 0;
}

#pageType-index #center,
#pageType-archive #center {

}

/* -----------------------------------------------------------
     Post item, static-page
------------------------------------------------------------*/
#pageType-item #center h2,
#pageType-static_page #center h2 {
	display: none;
}
#pageType-item .item-outer,
#pageType-static_page .item-outer {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	background-color:#fff;
	border:1px solid #ddd;
	margin:0 0 20px;
	padding:15px 9px;	
}

#pageType-item .post-body,
#pageType-static_page .post-body {
	line-height: 1.6;
}

.item-data {
	color:#888888;
	font:bold 11px Arial,Tahoma,Helvetica,FreeSans,sans-serif;
	text-transform:uppercase;
	text-align:right;
}
	#pageType-item .item-outer h3,
	#pageType-static_page .item-outer h3 {
		text-align: center;
		padding-top: 9px;
	}
	#pageType-item .post-body,
	#pageType-static_page .post-body {
		padding: 20px 9px;
		border-top: 1px solid #333;
	}

#pageType-item .post-footer,
#pageType-static_page .post-footer {
	text-align: right;
}
/* -----------------------------------------------------------
     Post index, Archive
------------------------------------------------------------*/
#pageType-index .item-outer,
#pageType-archive .item-outer {	
	border-top: 1px #333 solid;
	margin-top: 15px;
	padding: 5px 9px 3px;
}
#pageType-index .same-date,
#pageType-archive .same-date {
	border-top: 1px #333 dotted !important;
	margin-top: 0;
}

		#pageType-index #center .item-main,
		#pageType-archive #center .item-main {
			/* width:250px; */
			font-size: 12px;
		}
		
			#pageType-index .item-outer h3,
			#pageType-archive .item-outer h3 {
				font-size: 12px;
			}
			blockquote.noindex,
			blockquote.noindex *  {
				padding:0;
				background:none;
				margin:0;
				color: #333;
				font-weight:normal;
				border:0;
				text-align:left;
			}
			blockquote.noindex {
				height: 7em;
				padding-left: 1em;
				overflow: hidden;
				_position:relative; /* fix ie6 */			
			}
			blockquote.noindex * {
				display: inline;
			}
			blockquote.noindex iframe,
			blockquote.noindex img,
			blockquote.noindex object,
			blockquote.noindex embed,
			blockquote.noindex br,
			blockquote.noindex hr {
				display:none;
			}		
		
		#pageType-index .author,
		#pageType-index .post-share-buttons,
		#pageType-archive .author,
		#pageType-archive .post-share-buttons {
			display: none;
		}
.item-thumbnail{
	height: 40px;
	vertical-align: top;
	float: left;
	padding: 5px 5px 5px 0;
}

/* -----------------------------------------------------------
	popup Player
------------------------------------------------------------*/
html, body {
	height: 100%;
	/* width: 100%; <- ie でpopup削除後の画面を乱す */
	/* overflow: auto; remove scrollbar from body when popup */
}
#player {
	display:none;
}
#player:target {
	display: block;
}
#player {
	display: expression((document.location.toString().split('#').slice(1) == this.id)?'block':'none');
}

.popupContainer,
#popup-content,
#HTML3 {
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	height: 100%;
	width: 100%;
	position: absolute;
	text-align: center;
	z-index: 99;
}
/* reset table */
#popupWrapper, #popupWrapper tbody, #popupWrapper td, #popupWrapper tr, #popupWrapper th {
	border: 0;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: middle;
}
.popupContent {
	background: #000;
	padding: 9px 15px 20px;
	display: inline-block;
    box-shadow: 0px 0px 16px #666;
	-moz-box-shadow: 0px 0px 16px #666;
	-webkit-box-shadow: 0px 0px 16px #666;
}

.popup-close {
	text-align: right;
	margin-bottom: 9px;
}
.popup-close a {
	display: inline-block;
	height: 16px; line-height: 16px;
	width: 16px;
	border: 1px solid #999;
	background: #333;
	font-weight: bold;
	color: #f33;
	text-align: center;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	radius: 3px;
}


#popupBtn {
	float: right;
	width: 140px;
	height: 136px;
	border: 2px outset #666;
	background: #fff;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	radius: 8px;
    box-shadow: 2px 2px 4px #000;
	-moz-box-shadow: 2px 2px 4px #000;
	-webkit-box-shadow: 2px 2px 4px #000;
}
#popupBtn a {
	display: block;
	padding: 8px 13px;
	text-align: center;
	font-weight: bold;
	font-size: 12px;
}	

/* Widgets
----------------------------------------------- */
h2 {
	font: bold normal 13px Arial, Tahoma, Helvetica, FreeSans, sans-serif;
	text-transform: uppercase;
	color: #888888;
	margin: .5em 0 5px !important;
	border-top: 1px solid #333;
	border-bottom: 1px dotted #333;
	text-align: center;
	padding: 5px 0;
}
.widget-content {
	padding: 0 9px;
	margin-bottom: 30px;
}

.popular-posts,
.newsBarBox_gsnb
.full_gsnb,
.vertical_gsnb {
	font-size: 12px;
}

.widget ul, .widget #ArchiveList ul.flat {
	padding: 0 !important;
	list-style: none;
}
.widget ul li, .widget #ArchiveList ul.flat li {
	border-top: dashed 1px #ccc;
	border-top: dashed 1px rgba(128, 128, 128, .5);
}
.widget ul li:first-child, .widget #ArchiveList ul.flat li:first-child {
	border-top: none;
}
.widget .post-body ul {
	list-style: disc;
}
.widget .post-body ul li {
	border: none;
}